<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

	<head>
		<title>Rasende Roboter</title>
		<script src="/socket.io/socket.io.js"></script>
		<script src="script/login.js"></script>
		<link rel="stylesheet" media="screen" type="text/css"  href="style/style.css" />

		<!-- favicon -->
		<link rel="shortcut icon" href="style/img/favicon.png"/>
		<link rel="icon" href="style/img/favicon.png"/>
	</head>

	<body class="body-login" onload="init()">

		<h1>Bienvenue sur le jeu des robots ricocheurs</h1>

		<div class="newGame">
			<form method="post" action="" id="nouvellePartie">

				<div id="champLogin">
					<div class="panel-titre">
						<label for="login">Indiquez votre nom : </label>
					</div>
					<input class="input" type="text" name="login" id="login" value=""
						   placeholder="Votre nom" required="required"/>
				</div>

				<div id="champIdGame">
					<div id="nouvellePartie">
						<div class="panel">
							<div class="panel-titre">
								<label for="idGame">Indiquez le nom de la partie : </label>
							</div>
							<div class="panel-contenu">
								<input class="input" type="text" name="idGame" id="idGame"
									   placeholder="Nom de la partie" required="required"/>
								<br/><br/>
								<button class="createButton" type="submit">Créer la partie</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>

		<br/>
		<div class="background-img"></div>
		<div class="currentGame">
			<div id="selectionPartie">
				<div class="panel">
					<div class="panel-titre">
						Choisir une partie :
					</div>
					<div class="panel-contenu">
						<ul id="lesParties"/>
					</div>
				</div>
				<div id="thumb"/>
			</div>

			<ul id="lesParties"/>
		</div>

	</body>

</html>